<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单表单</title>
</head>
<body>
    <h1>输入表单</h1>
    <form id="myForm">
        <!-- 文本输入框 -->
        <label for="userInput">输入访单主键：</label>
        <input type="text" id="visitId" name="visitId" placeholder="在这里输入访单主键">
        <!-- 提交按钮 -->
        <button type="submit">提交</button>
    </form>
		<a href="https://showawx.xdfznh.club/visitorbe/word/showa0005.docx">访单word文件</a>
</body>
<script>
		// JavaScript 代码
		document.getElementById("myForm").addEventListener("submit", function(event) {
				// 阻止表单的默认提交行为
				event.preventDefault();

				// 获取输入框的值
				const visitId = parseInt(document.getElementById("visitId").value);

				// 这里可以添加额外的逻辑，比如数据验证
				if (visitId === 0) {
						alert("请输入访单主键后再次尝试！");
						return; // 如果输入为空，停止提交
				}

			// 使用 fetch 发送表单数据
			fetch("https://showawx.xdfznh.club/visitorbe/visit/word", {
					method: "POST",
					headers: {
							"Content-Type": "application/json", // 根据服务器需求设置 Content-Type
					},
					//body: JSON.stringify({ userInput: userInput }), // 将表单数据转换为 JSON
					body: visitId
			})
			.then(response => response.json())
			.then(data => {
					console.log("服务器响应结果：", data);
			})
			.catch(error => {
					console.error("提交失败：", error);
					alert("提交失败，请重试！");
			});
			
		});
</script>
</html>